 // 顶部css
 .header {
     width: 100%;
     height: 80px;
     border-bottom: 1px solid lightgray;

     .home {
         margin-left: 15%;
     }

     #person-msg {
         float: right;
         margin-right: 16%;
         margin-top: -80px;

         &:hover {
             .iconfont {
                 color: #0084FF;
             }
         }
     }

     .now-time {
         float: right;
         margin-top: -80px;
         margin-right: 5%;
         width: 220px;
         height: 80px;
         // background: #0084ff83;
         border: 2px solid #0084FF;
         border-radius: 20px;

         span {
             margin-left: 5px;
             padding: 10px;
             color: #0084FF;
             line-height: 80px;
             font-size: 20px;
             font-weight: 500;
         }
     }

     .iconfont {
         line-height: 80px;
         font-size: 30px;
         color: rgb(128, 128, 128);
     }

     .dialog {
         position: absolute;
         z-index: 4;
         top: 52px;
         right: 11%;
         width: 100px;
         height: 120px;
         color: white;
         text-align: center;
         font-size: 14px;
         font-weight: lighter;
         background-color: rgba(109, 109, 109, 0.418);
         border-radius: 6px;
         box-shadow: 1px 1px 5px rgba(0, 0, 0, .12);

         div {
             width: 100px;
             height: 30px;
             cursor: pointer;
             line-height: 30px;
             border-radius: 6px;

             &:first-child {
                 margin-top: 0.5px;
             }

             &:hover {
                 background-color: white;
                 color: #0084FF;

             }
         }

     }
 }